<template>
  <van-tabbar v-model="active" route>
    <van-tabbar-item  replace to="/film" name="home" icon="home-o">电影</van-tabbar-item>
    <van-tabbar-item replace to="/cinema" name="search" icon="search">影院</van-tabbar-item>
    <van-tabbar-item replace to="/news" name="friends" icon="friends-o">咨询</van-tabbar-item>
    <van-tabbar-item replace to="/center" name="setting" icon="setting-o" badge="20"
      >我的</van-tabbar-item
    >
  </van-tabbar>

  
</template>

<script setup lang="ts">
import { ref } from "vue";

const active = ref("home");
</script>

<style scoped></style>
